<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <form action="#">
       姓名1：<input type="text" name="username1"><br>
       姓名2：<input type="text" name="username2" placeholder="请输入姓名2"><br>
       姓名3：<input type="text" name="username3" value="kk"><br>
       姓名4：<input type="text" name="username4" value="kk" readonly><br>
       姓名5：<input type="text" name="username5" value="kk" disabled><br>
       密码:<input type="password" name="upwd"/><br>
       性别:
       <input type="radio" name="gender" value="1" checked>男
       <input type="radio" name="gender" value="0">女
       <br>
       爱好:
       <input type="checkbox" name="like" value="zq">足球
       <input type="checkbox" name="like" value="lq" checked>篮球
       <input type="checkbox" name="like" value="pq">排球
       <input type="checkbox" name="like" value="tq" checked>乒乓球
       <br>
       颜色：<input type="color" name="color"><br>
       文件：<input type="file" name="file"><br>
       日期：<input type="date" name="date"><br>
       范围：<input type="range" name="range"><br>
       <hr>
       <input type="submit">
       <hr>
       <input type="submit" value="点我提交">
       <input type="reset" value="点我重置">
       <input type="button" value="普通按钮">
       <button>h5新按钮</button>

       <br>
       喜欢的城市:<select name="city">
       <option value="bj">北京</option>
       <option value="sh">上海</option>
       <option value="cc" selected>长春</option>
       <option value="gz">广州</option>
   </select>
       <!-- 关联效果:点击文字即可选中复选框 -->
       <input type="checkbox" id="ok">
       <label for="ok">我同意以上协议</label>
       <br>
       <!-- 关联效果:点击文字即可选中输入框,且输入框有输入光标 I -->
       <label for="nickname">昵称:</label>
       <input type="text" id="nickname">
       <br>
       留言板:
       <textarea name="msg" style="resize: none;"></textarea>
   </form>
</body>
</html>